// CSS Main
@import "main.less";
//import "user_common.less";

.tip {
	width:698px;
	padding:10px;
	background:@greenLight;
	display:block;
	color:@white;
}

h3 {
	font-size:@largeFontSize;
	color:@orange;
	.icon2 {
		float:left;
		width:14px;
		height:18px;
		background:url("@{userBg}") no-repeat 0 -35px;
	}
}

.friend_group {
	clear:both;
	zoom:1;
	overflow:hidden;
	font-family:@altFontFamily;
	margin-top:10px;
	.avatar, .avatar_68 {
		float:left;
	}
	.icon {
		width:18px;
		height:18px;
		float:left;
		margin-right:10px;
		background:url("@{userIcons}") no-repeat 0 0;
	}
	
	.tuya {
		background-position:-474px -583px;
	}
	
	.play {
		background-position:-412px -583px;
	}
	.kiss {
		background-position:-380px -583px;
	}
	.gift {
		background-position:-504px -583px;
	}
	.delete {
		background-position:-160px -582px;
	}
	.group {
		background-position:-353px -583px;
	}
}

.friend {
	overflow:hidden;
	zoom:1;
	padding:10px;
	&.even {
		background:#ffecab;
	}
}

.avatar {
	display:block;
	height:128px;
	width:128px;
	padding:2px;
	background:@white;
	border:1px solid @grayLighter;
	img {
		width:128px;
	}	
	a{
		clear:both;
		display:block;
		text-align:center;
	}
}
//avatar end
.good_friend {
	.friend {
		margin-top:10px;
		.avatar {
			float:left;
			margin-right:10px;
		}
		
		.friend_news {
			float:left;
			width:550px;
			.news {
				overflow:hidden;
				zoom:1;
				a {
					color:lighten(@orange,20%);
					&:hover {
						color:@orange;
					}
				}
			}
			//news end
			.msg {
				margin-top:10px;
				clear:both;
				border-top:1px dotted @gray;
				padding:10px 5px;
				label {
					margin-right:10px;
				}
				input {
					width:360px;
					height:22px;
					line-height:22px;
				}
				.send {
					background:url("@{userBg}") no-repeat -332px -197px;
					width:83px;
					height:28px;
					color:@white;
					font-weight:bold;
					float:right;
					border:0;
				}
			}
			// msg end
			.buttons {
				zoom:1;
				float:right;
				overflow:hidden;
				li {
					float:left;
					margin-right:3px;
					a {
						display:block;
						width:77px;
						height:28px;
						line-height:26px;
						background:url("@{userBg}") no-repeat -242px -196px;
						.icon {
							margin:3px 3px 3px 10px;	
						}
					}
				}
			}
			//buttons end
			
		}
		// news end
		
		
	}
}


.make_group {
	display:block;
	width:40px;
	height:30px;
	line-height:26px;
	margin-right:10px;
	//background:url("@{userBg}") no-repeat -242px -196px;
	.icon {
		margin:3px 8px;	
	}	
	.arrow {
		background:url("@{userBg}") no-repeat -46px -40px;
	}
	
	&:hover {
		.arrow {
			background:url("@{userBg}") no-repeat -56px -40px;
		}
	}
}

.friend_player {
	width:710px;
	.friend {
		float:left;
		width:335px;
		height:120px;
		margin-bottom:5px;
		.operator {
			float:left;
			margin-left:10px;
			.msg label {
				width:200px;
				display:block;
				clear:right;
			}
		}
		// operator end

		&.odd {
			background:@grayLighter;
		}	
		
		.buttons {
			margin-top:10px;
			li {
				float:left;
			}
		}
	}
	//friend end
}

.friends {
	overflow:hidden;
	zoom:1;
	width:690px;
	padding:10px;
	li {
		float:left;
		margin-bottom:10px;
		width:86px;
		.buttons {
			margin-top:10px;
			li {
				float:left;
				width:auto;
				.addfriend {
					display:block;
					width:77px;
					height:28px;
					line-height:26px;
					background:url("@{userBg}") no-repeat -242px -196px;
					text-align:center;
				}
			}
		}
	}
}

.friend_know {
}	